from st_on_hover_tabs import on_hover_tabs
import streamlit as st
st.set_page_config(layout="wide")

st.header("悬停导航栏自定义标签组件")
st.markdown('<style>' + open('./style.css').read() + '</style>', unsafe_allow_html=True)


with st.sidebar:
    tabs = on_hover_tabs(tabName=['仪表盘', '资金', '经济'], 
                         iconName=['dashboard', 'money', 'economy'], default_choice=0)

if tabs =='仪表盘':
    st.title("导航栏")
    st.write('当前选项名称是 {}'.format(tabs))

elif tabs == '资金':
    st.title("论文")
    st.write('当前选项名称是 {}'.format(tabs))

elif tabs == '经济':
    st.title("汤姆")
    st.write('当前选项名称是 {}'.format(tabs))
